import './App.css';
// import ClassFoo from './classFoo/classFoo.js';//class类组件
// import Optimize from './Optimize/optimize.js';//优化的三种方式
// import ResizeAble from './high/resizeable.js';//高阶组件

// class类组件渲染
// import ResizeAble from './render/ResizeAble.js';
// import Foo from './render/Foo.js';

// import Fun from './fun/Fun.js';//使用函数式组件(hook,主要是useState)

import UseEffect from './fun/UseEffect.js';//主要是UseEffect



function App() {
  return (
    <div className="App">
      {/* <ClassFoo></ClassFoo> */}
      {/* <Optimize></Optimize> */}
      {/* <ResizeAble></ResizeAble> */}

      {/* render函数接受一个参数：size   在Foo组建中将size传过去 */}
      {/* <ResizeAble render={(size)=><Foo size={size}/>}></ResizeAble> */}

      {/* <Fun></Fun> */}

      <UseEffect></UseEffect>

    </div>
  );
}

export default App;
